<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="01.css">
</head>
<body>
   <div class="tou">
        <div class="left">  
            <div>小王</div>
            <div class="logo"></div><br>
            <p>快来开始你的健康之门吧</p>
        </div>

        <div class="right">
            <img src="images/img_head portrait.png" alt="">
            <div class="lo"><img src="images/ic_edit.png" alt=""></div>
        </div>      
   </div>
   <div class="zh">
    <div class="zhong"></div>
    <div class="zhong1">
        <div>
            <p>35</p>
            <a href="">我的收藏</a>
        </div>
        <div>
            <p>65</p>
            <a href="">我的余额</a>
        </div>
        <div>
            <p>3</p>
            <a href="">我的订单</a>
        </div>
    </div>
   </div>
   <div class="box2">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
   </div>
   <div class="box3">      
        <div>
            <img src="images/ic_recommend.png" alt=""><span>推荐好友</span>
            <div class="box3-1"><img src="images/ic_more(1).png" alt=""></div>
        </div>    
        <div>
            <img src="images/ic_customer service center.png" alt=""><span>客服中心</span>
            <div class="box3-1"><img src="images/ic_more(1).png" alt=""></div>
        </div> 
        <div>
            <img src="images/ic_set up.png" alt=""><span>设置</span>
            <div class="box3-1"><img src="images/ic_more(1).png" alt=""></div>
        </div>  
   </div>
   <div class="xai">
     <div><img src="images/ic_home_n.png" alt=""><a href="">首页</a></div>
     <div><img src="images/ic_physical examination_n.png" alt=""><a href="">体验</a></div>
     <div><img src="images/icon／24pt／首页.png" alt=""><a href="">我的</a></div>
   </div>
</body>
</html>